<div class="wrapper">
    <div class="block-center mt-xl wd-xl">
        <!-- START panel-->
        <div class="panel panel-ncloud panel-flat">
            <div class="panel-heading text-center">
                <a href="#">
                    <img class="block-center img-rounded" src="assets/img/index/logo.png" alt="Image" />
                </a>
            </div>
            <div class="panel-body">
                <p class="text-center pv">请登录</p>
                <form [formGroup]="valForm" class="form-validate mb-lg" role="form" name="loginForm" novalidate="" (submit)="submitForm($event, valForm.value)">
                    <div class="form-group has-feedback">
                        <input class="form-control" id="account" type="text" name="account" placeholder="用户名" autocomplete="off" formControlName="account" required="" />
                        <span class="fa fa-envelope form-control-feedback text-muted"></span>
                        <span class="text-danger" *ngIf="valForm.controls['account'].hasError('required') && (valForm.controls['account'].dirty || valForm.controls['account'].touched)">请输入用户名</span>
                    </div>
                    <div class="form-group has-feedback">
                        <input class="form-control" id="pwd" type="password" name="password" placeholder="密码" formControlName="pwd" required="" />
                        <span class="fa fa-lock form-control-feedback text-muted"></span>
                        <span class="text-danger" *ngIf="valForm.controls['pwd'].hasError('required') && (valForm.controls['pwd'].dirty || valForm.controls['pwd'].touched)">请输入密码</span>
                        <span class="text-danger">{{loginError}}</span>
                    </div>
                    <div class="clearfix">
                        <div class="pull-left"><a class="text-muted" (click)="clickAgreement()">网络信息安全告知书</a>
                        </div>
                    </div>                    
                    <button class="btn btn-block btn-primary mt-lg" type="submit">登录</button>
                </form>
                <!-- <div class="alert alert-danger text-center" ></div> -->
                <p class="pt-lg text-center"></p>
            </div>
        </div>
        <!-- END panel-->
        <div class="p-lg text-center">
            <span>&copy;</span>
            <span>{{ settings.app.year }}</span>
            <span>-</span>
            <span>{{ settings.app.name }}</span>
            <br/>
            <span>{{ settings.app.description }}</span>
        </div>
    </div>
</div>
<div class="modal fade" bsModal #agreementModal="bs-modal" [config]="{backdrop: false}" tabindex="-1" role="dialog"
	aria-labelledby="mySmallModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">网络信息安全告知书</h4>
			</div>		
			<div class="modal-body">
				<cloud-agreement (hide)="agreementModal.hide()"></cloud-agreement>
			</div>
		</div>
	</div>
</div>